<template>

  <el-row :gutter="20">
    <!-- 答题界面基础布局，左右对称布局 -->
    <el-col :span="10"><div class="grid-content ep-bg-purple" />
    <!-- 左边展示题目信息 -->
    <el-tabs type="card">
        <el-tab-pane label="题目描述">
            id.题目

            <div class="tag">
            <el-space direction="horizontal" alignment="start" :size="20">
            <el-tag class="ml-2" type="info" >难度:简单</el-tag>
            <el-tag class="mx-1" >图论</el-tag>
            <el-tag class="ml-2" type="danger"><el-icon><Star /></el-icon>收藏</el-tag>
            </el-space>
            </div>
        <el-divider />

        <el-space direction="vertical" alignment="start" :size="20">
        <div>
        题目的详细信息：
        </div>
        <div>
        内存限制：1024kb
        </div>
        <div>
        时间限制:1000ms
        </div>
        </el-space>
        <!-- 结束 -->
        <el-divider />


        </el-tab-pane>
        <el-tab-pane label="评论">暂时不开发</el-tab-pane>
        <el-tab-pane label="题解">暂时未有题解</el-tab-pane>

        <el-tab-pane label="提交记录">
            <div>
            id:
            题目描述：
            提交代码：
            测评是否通过：
            提交时间：
            </div>
        </el-tab-pane>

    </el-tabs>

    </el-col>
    
    <el-col :span="14"><div class="grid-content ep-bg-purple" />
    <!-- 右边展示答题详细界面 -->
    <el-card class="box-card">
        <div class="common-layout">
            <el-container>
                <el-container>
                    <el-main>
                    <div class="tag1">
                        <el-tag>Python3</el-tag>
                    </div>

                    <el-input
                        v-model="textarea"
                        :rows="20"
                        type="textarea"
                        placeholder="Please input your codes"
                    />

                    <el-button type="primary" class="button">
                        Upload<el-icon class="el-icon--right"><Upload /></el-icon>
                    </el-button>
                    
                    </el-main>
                </el-container>
            </el-container>
        </div>
    </el-card>
    
    </el-col>
    
  </el-row>

</template>

<script>
import axios from 'axios'

    export default {
        name:'answertheinterface',
        data(){
            return{
                questions:[],
                textarea:[],

            }
        },
        created(){
            axios.get('http://localhost:8080/excel1/questions').then(
                response =>{
                    console.log('请求题库成功',response.data)
                    
                }
            )
        },
        methods:{
            
        },
       


    }
</script>

<style>
.tag{
    margin-top: 15px;
}
.tag1{
    margin-bottom: 10px;
}
.button{
    margin-top: 10px;
}

</style>